﻿<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<dbPoll_Application.Models.Question>" %>
    <% var fontTypes = new SelectList(new String[]{ "Arial", "Helvetica", "Courier" });
       var fontSizes = new SelectList(Enumerable.Range(1, 64));
    %>
    <div class="right">
       <ul class="rightColumnList" id="questionSettingsList">
           <li class="rightColumnListHeading"><h2>Font Settings</h2></li>
           <li class="rightColumnListItem"><label for="fontType">Font: </label><span><%= Html.DropDownListFor(m => m.fontType, fontTypes, new { @class = "fontSettings" })%></span></li>
           <li class="rightColumnListItem"><label for="fontSize">Font Size: </label><span><%= Html.DropDownListFor(m => m.fontSize, fontSizes, new { @class = "fontSettings" })%></span></li>
           <li class="rightColumnListItem"><label for="fontColour">Font Colour: </label><span id="fontColourSettingsNoPadding"><input type="text" id="showFontColour" class="fontColourSettings" style="background-color: <%= Model.fontColour %>" /><%= Html.HiddenFor(m => m.fontColour, new { @class = "fontColourSettings" })%></span></li>
           <li class="rightColumnListItem none" id="colourpicker">
               <table id="colours">
                   <tr><td id="colourFFFFFF" class="colour"></td><td id="colourCCCCCC" class="colour"></td><td id="colourC0C0C0" class="colour"></td><td id="colour999999" class="colour"></td><td id="colour666666" class="colour"></td><td id="colour333333" class="colour"></td><td id="colour000000" class="colour"></td></tr>
                   <tr><td id="colourFFCCCC" class="colour"></td><td id="colourFF6666" class="colour"></td><td id="colourFF0000" class="colour"></td><td id="colourCC0000" class="colour"></td><td id="colour990000" class="colour"></td><td id="colour660000" class="colour"></td><td id="colour330000" class="colour"></td></tr>
                   <tr><td id="colourFFCC99" class="colour"></td><td id="colourFF9966" class="colour"></td><td id="colourFF9900" class="colour"></td><td id="colourFF6600" class="colour"></td><td id="colourCC6600" class="colour"></td><td id="colour993300" class="colour"></td><td id="colour663300" class="colour"></td></tr>
                   <tr><td id="colourFFFF99" class="colour"></td><td id="colourFFFF66" class="colour"></td><td id="colourFFCC66" class="colour"></td><td id="colourFFCC33" class="colour"></td><td id="colourCC9933" class="colour"></td><td id="colour996633" class="colour"></td><td id="colour663333" class="colour"></td></tr>
                   <tr><td id="colourFFFFCC" class="colour"></td><td id="colourFFFF33" class="colour"></td><td id="colourFFFF00" class="colour"></td><td id="colourFFCC00" class="colour"></td><td id="colour999900" class="colour"></td><td id="colour666600" class="colour"></td><td id="colour333300" class="colour"></td></tr>
                   <tr><td id="colour99FF99" class="colour"></td><td id="colour66FF99" class="colour"></td><td id="colour33FF33" class="colour"></td><td id="colour33CC00" class="colour"></td><td id="colour009900" class="colour"></td><td id="colour006600" class="colour"></td><td id="colour003300" class="colour"></td></tr>
                   <tr><td id="colour99FFFF" class="colour"></td><td id="colour33FFFF" class="colour"></td><td id="colour66CCCC" class="colour"></td><td id="colour00CCCC" class="colour"></td><td id="colour339999" class="colour"></td><td id="colour336666" class="colour"></td><td id="colour003333" class="colour"></td></tr>
                   <tr><td id="colourCCFFFF" class="colour"></td><td id="colour66FFFF" class="colour"></td><td id="colour33CCFF" class="colour"></td><td id="colour3366FF" class="colour"></td><td id="colour3333FF" class="colour"></td><td id="colour000099" class="colour"></td><td id="colour000066" class="colour"></td></tr>
                   <tr><td id="colourCCCCFF" class="colour"></td><td id="colour9999FF" class="colour"></td><td id="colour6666CC" class="colour"></td><td id="colour6633FF" class="colour"></td><td id="colour6600CC" class="colour"></td><td id="colour333399" class="colour"></td><td id="colour330099" class="colour"></td></tr>
                   <tr><td id="colourFFCCFF" class="colour"></td><td id="colourFF99FF" class="colour"></td><td id="colourCC66CC" class="colour"></td><td id="colourCC33CC" class="colour"></td><td id="colour993399" class="colour"></td><td id="colour663366" class="colour"></td><td id="colour330033" class="colour"></td></tr>
               </table>
           </li>
       </ul>
    </div>